@item-height: 30px;
@item-margin: 3px;

@input-height: @item-height;

@color-default: #E1E3E4;
@color-blue: #3FA9F5;
@color-primary: #337ab7;
@color-success: #5cb85c;
@color-info:    #5bc0de;
@color-warning: #f0ad4e;
@color-danger:  #d9534f;

.c-input{
    &.primary {
        color: @color-primary;
        input, textarea, .input {
            border-color: @color-primary;
        }
    }
    &.success {
        color: @color-success;
        input, textarea, .input {
            color: @color-success;
            border-color: @color-success;
        }
    }
    &.info {
        color: @color-info;
        input, textarea, .input {
            color: @color-info;
            border-color: @color-info;
        }
    }
    &.warning {
        color: @color-warning;
        input, textarea, .input {
            color: @color-warning;
            border-color: @color-warning;
        }
    }
    &.danger {
        color: @color-danger;
        input, textarea, .input {
            color: @color-danger;
            border-color: @color-danger;
        }
    }

    .CodeMirror * {
        line-height: 18px;
    }

    /*position: relative;*/
    line-height: @item-height;
    &>input, &>.input, &>textarea{
        height: @input-height;
        line-height: ((@input-height)-6);
        background-color: transparent;
        width: 100%;
    }
    &>textarea{
        min-height: 120px;
    }
    & .choose-file{
        position: relative;
        cursor: pointer;
        float: left;
        overflow: hidden;
        &>.fa{
            margin: 3px;
            position: absolute;
        }
        &>span{
            cursor: pointer;
            padding-left: 20px;
            display: inline-block;
            width: 100%;
        }
        &>input[type=file]{
            position: absolute;
            width: 100%;
            height: 30px;
            left: 0px;
            top: 0px;
            opacity: 0;
        }
    }
    &.t-select{
        *{
            padding: 0px;
            margin: 0px;
        }
        .pop{
            margin-top: 2px;
            padding: 3px 0;
            border: 1px solid #3FA9F5;
            border-radius: 5px;
            color: #333333;
            li{
                padding: 5px;
                cursor: pointer;
            }
        }
    }
}
